<template>
    <Child>
        <!--插槽内容：在父组件中使用子组件时，在子组件开闭标签中间定义的内容-->
        <!--<div style="color= green;">请求失败</div>-->
    </Child>
    <div>以下练习具名插槽</div>
    <BaseLayout>
        <template v-slot:default>
            布局(默认插槽内容)
        </template>
       <template v-slot:header>
           姓名:张三
       </template>
       <!-- <template #slider>
         <ul>
            <li>用户管理</li>
            <li>角色管理</li>
         </ul>
       </template> -->
       <template #slider="scope">
         子组件传递的数据: {{ scope }}
         <ul>
            <li v-for="item in scope.items">{{ item }}</li>
         </ul>
    
    
       </template>
    </BaseLayout>
</template>
<script>
import Child from './Child.vue';
import BaseLayout from './BaseLayout.vue';
export default {
    components:{
        data(){
            return{
                msg:"请稍后再试"
            }
        },
        Child,BaseLayout
    }
}
</script>